<template>
  <svg :style="{width,height}">
      <use :xlink:href="prefix+name" :fill="color"></use>
    </svg>
</template>

<script setup lang="ts">
//接受父组件传入信息
defineProps({
    prefix:{
        type:String,
        default:'#icon-'
    },
    //提供使用图标的名字
    name:String,
    color:{
        type:String,
        default:''
    } ,
    width:{
        type:String,
        default:'16px'
    },
    height:{
        type:String,
        default:'16px'
    }
})

</script>

<style scoped lang="less">

</style>